<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Google Line Chart Example using World Bank Data developed by pyg</title>

    <link type="text/css" media="all" href="./css/elastic.css" rel="stylesheet" />
    <link type="text/css" media="all" href="./css/default.css" rel="stylesheet" />
    <link type="text/css" href="http://localhost/lib/jquery-ui/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />   
    <link type="text/css" href="http://localhost/worldbank/css/widget/jquery.multiselect.css" rel="stylesheet"/>
    <link type="text/css" href="http://localhost/worldbank/css/widget/jquery.multiselect.filter.css" rel="stylesheet"/>
    <link type="text/css" href="./css/redmond/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
    <link type="text/css" href="./css/ui.slider.extras.css" rel="stylesheet"/>

    <script type="text/javascript" src="http://localhost/lib/jquery-1.4.4.js"></script>
    <script type="text/javascript" src="./js/elastic.js"></script>
    <script type="text/javascript" src="http://localhost/lib/jquery-ui/js/jquery-ui-1.8.7.custom.min.js"></script>
    <script type="text/javascript" src="http://localhost/worldbank/js/widget/jquery.multiselect.js"></script>
    <script type="text/javascript" src="http://localhost/worldbank/js/widget/jquery.multiselect.filter.js"></script>
    <script type="text/javascript" src="./js/selectToUISlider.jQuery.js"></script>

    <script type="text/javascript" src="http://localhost/worldbank/js/columns_info.js"></script>

    <script type="text/javascript" src="http://localhost/worldbank/lib/wb_converter.js"></script>
    <script type="text/javascript" src="http://localhost/worldbank/lib/print_r.js"></script>

    <script type="text/javascript" src="http://www.google.com/jsapi"></script>

    <script language="Javascript" type="text/javascript">
    //<![CDATA[

   //  google.load('visualization', '1', {'packages' : ['table', 'corechart']});

    $(document).ready(function(){

        // Dialog			
	$('#dialog').dialog({
		autoOpen: false,
		width: 600,
		buttons: {
			"Ok": function() { 
				$(this).dialog("close"); 
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}
	});


    });
    //]]>
    </script>
  </head>
  <body>
      <div id="lineChart_div">Loading...</div>
      <div><br/></div>
      <div id="indicator_table_div">Loading...</div>
  </body>
</html>
